const pxtorem = require('postcss-pxtorem')
module.exports = {
  // lintOnSave: false, // 暂时关闭代码格式检测
  // // configWebpack
  // 配置反向代理，
  devServer: {
    proxy: {
      '/mt': {
        target: 'https://i.waimai.meituan.com',
        changeOrigin: true,
        pathRewrite: {
          '^/mt': '',
        },
      },
      '/api': {
        target: 'http://api.douban.com',
        changeOrigin: true,
        pathRewrite: {
          '^/api': '',
        },
      },
    },
  },
  // rem自动转化为px
  outputDir: 'dist', // 当运行 vue-cli-service build 时生成的生产环境构建文件的目录
  publicPath: process.env.NODE_ENV === 'production' ? '' : '/', // 部署应用包时的基本 URL
  css: {
    loaderOptions: { // 向 CSS 相关的 loader 传递选项
      postcss: {
        plugins: [
          pxtorem({
            rootValue: 75, // 通常是取 设计稿宽度 / 10 作为 rootValue
            propList: ['*', '!font*'], // 需要转换为 rem 单位的属性
            exclude: 'vant', // 排除
          }),
        ],
      },
    },
  },
}
